<template>
  <div class="classify">
    <ul class="classify clearfix">
      <li>
        <router-link :to="{'path':'/work','query':{'type':1}}">
          <img src="http://file.rzkeji.com/web/recruit/icon/banner4.png" class="slide-image"/>
          <div>临时工</div>
        </router-link>
      </li>
      <li>
        <router-link :to="{'path':'/work','query':{'type':0}}">
          <img src="http://file.rzkeji.com/web/recruit/icon/banner5.png" class="slide-image"/>
          <div>长期工</div>
        </router-link>
      </li>
      <li>
        <router-link to="/work">
          <img src="http://file.rzkeji.com/web/recruit/icon/banner1.png" class="slide-image"/>
          <div>找工作</div>
        </router-link>
      </li>
      <li>
        <router-link to="/searchResume">
          <img src="http://file.rzkeji.com/web/recruit/icon/banner7.png" class="slide-image"/>
          <div>人才库</div>
        </router-link>
      </li>
      <li>
        <router-link to="/nearby">
          <img src="http://file.rzkeji.com/web/recruit/icon/banner2.png" class="slide-image"/>
          <div>附近职位</div>
        </router-link>
      </li>
      <li>
        <router-link to="entertainment">
          <img src="http://file.rzkeji.com/web/recruit/icon/banner6.png" class="slide-image"/>
          <div>开心娱乐</div>
        </router-link>
      </li>
      <li>
        <router-link to="/investment">
          <img src="http://file.rzkeji.com/web/recruit/icon/banner8.png" class="slide-image"/>
          <div>招商合作</div>
        </router-link>
      </li>
      <li>
        <router-link :to="{'path':'/me/aboutMe','query':{'type':'about'}}">
          <img src="http://file.rzkeji.com/web/recruit/icon/banner3.png" class="slide-image"/>
          <div>关于我们</div>
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.classify{width: 100%;margin-top: 10px;}
.classify li{width: 25%;height: 80px;float: left;}
.classify li img{width: 50px;height: 50px;display: block;margin: 0 auto;}
.classify li div{width: 100%;height: 20px;line-height: 20px;text-align: center;font-size: 11.7px;color: #717171;}
</style>
